<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微信分享</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body>
<div>
    <h1>微信分享</h1>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 分享配置 -->
<script>
    $(function () {
        getSgt();
    })
    //-------------begin
    //设置分享内容
    var title="分享标题";
    var desc="分享内容";
    var indexHref = window.location.href;
    var shareLink=indexHref.toString();//分享链接
    var  shareImgUrl="https://picsum.photos/200/300";//分享图片
    //-------------end
    function getSgt() {
        $.ajax({
            type: "GET",
            url: "https://wjh.mynatapp.cc/wx/jsapi/wxdba33a95d1d304e7/getJsapiTicket?url="+encodeURIComponent(window.location.href.split('#')[0]),//注意此处有坑，
            dataType: "json",
            success: function (response) {
                console.log(response)
                initWeChat(response.signature,response.appId,response.timestamp,response.nonceStr);
                wx.ready(function() {
                    console.log(title,desc,shareLink,shareImgUrl);
                    //分享到---朋友圈，微信好友
                    wx.onMenuShareAppMessage({
                        title: title,
                        desc: desc,
                        link: shareLink,
                        imgUrl: shareImgUrl,
                        trigger: function (res) {
                            console.log(title,desc,shareLink,shareImgUrl);
                            // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                            alert('用户点击发送给朋友');
                        },
                        success: function (res) {
                            alert('已分享');
                        },
                        cancel: function (res) {
                            alert('已取消');
                        },
                        fail: function (res) {
                            alert(JSON.stringify(res));
                        }
                    });
                    wx.onMenuShareTimeline({
                        title: title, // 分享标题
                        link: shareLink,// 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: shareImgUrl,// 分享图标
                        desc: desc,
                        trigger: function (res) {
                            // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                            alert('用户点击发送给朋友');
                        },
                        success: function (res) {
                            alert('已分享');
                        },
                        cancel: function (res) {
                            alert('已取消');
                        },
                        fail: function (res) {
                            alert(JSON.stringify(res));
                        }
                    });

                });
            }
        });
    }


    function initWeChat(signature, appId,timestamp,noncestr) {
        wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: appId, // 必填，公众号的唯一标识
            timestamp: timestamp, // 必填，生成签名的时间戳
            nonceStr: noncestr, // 必填，生成签名的随机串
            signature:signature,//必填，签名
            jsApiList: [// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                'onMenuShareAppMessage',//-----------------我们这里用了分享朋友圈
                'onMenuShareTimeline',//----------------好友
            ]
        });
    }
    //window.location.href="http://localhost:8111";
    //console.log(decodeURIComponent(window.document.URL))
</script>

</html>
